<!DOCTYPE HTML>
<!--[if lt IE 7]>      <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html>
	<!--<![endif]-->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no,minimal-ui">
		<title>首页-三阳在线教育软件-中国在线教育平台第一品牌</title>
		<meta name="author" content="INXEDU(http://www.inxedu.com)" />
		<meta name="keywords" content="INXEDU,在线教育,网校搭建,网校,网络教育,远程教育,云网校,在线学习,在线考试" />
		<meta name="description" content="inxedu是一家专注“在线教育平台”的互联网公司，在国内属顶级在线教育解决方案提供商中的领跑者。为大、中型客户提供领先的在线教育平台方案服务。" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta content="telephone=no" name="format-detection" />
		<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="../../static/inxweb/css/reset.css">
		<link rel="stylesheet" type="text/css" href="../../static/inxweb/css/theme.css">
		<link rel="stylesheet" type="text/css" href="../../static/inxweb/css/global.css">
		<link rel="stylesheet" type="text/css" href="../../static/inxweb/css/web.css">
		<link rel="stylesheet" type="text/css" href="../../static/exam/new_style/style.css">
		<link href="../../css/mw_320_768.css" rel="stylesheet" type="text/css" media="screen and (min-width: 320px) and (max-width: 768px)">
		<link rel="stylesheet" href="../../static/exam/css/exam-style.css?v=1512129123700">
		<!--<link href="../../exam/css/mw_320_768.css" rel="stylesheet" type="text/css" media="screen and (min-width: 320px) and (max-width: 768px)">-->
		<!--[if lt IE 9]><script src="../../static/common/html5.js"></script><![endif]-->
		<script type="text/javascript" src="../../static/common/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="../../assets/js/common.js"></script>
		<script type="text/javascript" src="../../static/common/webutils.js"></script>
		<script type="text/javascript" src="../../js/header.js"></script>
		<script src="../../js/head.js"></script>
		<script src="../../js/jquery.cookie.js"></script>
		<script>
			var theme_color = 'orange';
			$(function() {
				var token = localStorage["token"];
				if(token != "null" && token != "" && token != null) {
					var json = islogins(token);
					if(json != "null" && json != "" && json != null) {
						if(json.code == 200) {
							haslogin(json, 1);
						}
					}
				}
			})
		
		</script>
	</head>

	<body class="W-body">
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/axios.min.js"></script>
		<div id="index">
		<div class="in-wrap" >
			<div class="changeTheme" style="display: none;">
				<div class="ei-item-box">
					<div class="container pr">
						<a class="fr" id="Replacement" href="javascript:void(0);">
							<img alt="" src="../../static/inxweb/img/HF-BG.png">
						</a>
					</div>
				</div>
				<div class="ei-i-dialog pa" style="height: 120px; top: -120px; opacity: 0; z-index: -1;">
					<div style="height: 100%;" class="ei-i-dialog-box">
						<div class="ei-i-dialog-box-tit">
							<section class="container pr">
								<a title="收起" class="ei-i-close close_a pa" id="close_a" href="javascript: void(0)">
									<em class="vam up-hf"> <img alt="" src="../../static/inxweb/img/up-hf.png">
								</em>
									<tt class="f-fM fsize14 vam">收起</tt>
								</a>
								<span> 主题切换 </span>
							</section>
						</div>
						<div class="ei-i-dialog-box-boy">
							<div class="container">
								<article class="dialog-box-boy-in">
									<ul class="clearfix">
										<li>
											<div id="themeColororange" class="box-boy-in-i  ">
												<a class="pr" href="javascript:changeThemeColor('orange')">
													<img class="pic" alt="" src="../static/inxweb/img/pic/one-master.jpg">
													<span class="pa name"> 网络课堂--模板一 </span> <em id="triangle-bottomright" class="xz"> &nbsp; </em>
													<div class="loging" style="display:none;">
														<img src="../static/inxweb/img/loding.gif" alt="">
													</div>
												</a>
											</div>
										</li>
										<li>
											<div id="themeColorgreen" class="box-boy-in-i">
												<a class="pr" href="javascript:changeThemeColor('green')">
													<img class="pic" alt="" src="../../static/inxweb/img/pic/two-green.jpg">
													<span class="pa name"> 网络课堂--模板二 </span> <em id="triangle-bottomright" class="xz"> &nbsp; </em>
													<div class="loging" style="display:none;">
														<img src="../../static/inxweb/img/loding.gif" alt="">
													</div>
												</a>
											</div>
										</li>
										<li>
											<div id="themeColorblue" class="box-boy-in-i">
												<a class="pr" href="javascript:changeThemeColor('blue')">
													<img class="pic" alt="" src="../../static/inxweb/img/pic/three-blue.jpg">
													<span class="pa name"> 网络课堂--模板三 </span> <em id="triangle-bottomright" class="xz"> &nbsp; </em>
													<div class="loging" style="display:none;">
														<img src="../static/inxweb/img/loding.gif" alt="">
													</div>
												</a>
											</div>
										</li>
									</ul>
								</article>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 公共头引入 -->
			<!-- /global header begin-->
			<header id="header">
				<section class="container">
					<h1 id="logo">
			<a href="http://localhost:8081/" title="三阳在线教育软件">
				<img src="../../images/upload/websiteLogo/20150820/1440035056371.png" width="100%" alt="三阳在线教育软件">
			</a>
		</h1>
					<div class="h-r-nsl">
						<ul class="nav">
							<li>
								<a href="index.html" title="首页">首页</a>
							</li>
							<li>
								<a href="courses-list.html" title="课程">课程</a>
							</li>
							<li>
								<a href="../../teachar/teacher-list.html" title="名师">名师</a>
							</li>
							<li>
								<a href="articlelist.html" title="文章">文章</a>
							</li>
							<li>
								<a href="question-list.html" title="问答">问答</a>
							</li>
						</ul>
						<!-- / nav -->
						<ul class="h-r-login">
							<li id="no-login">
								<a href="javascript:lrFun(1)" title="登录">
									<em class="icon18 login-icon">&nbsp;</em><span class="vam ml5">登录</span>
								</a>
								|
								<a href="javascript:lrFun(2)" title="注册">
									<span class="vam ml5">注册</span>
								</a>
							</li>
							<li class="mr10 undis" id="is-login-one">
								<a href="http://localhost:8081/uc/letter" title="消息" id="headerMsgCountId">
									<em class="icon18 news-icon">&nbsp;</em>
								</a><q class="red-point" style="display: none">&nbsp;</q></li>
							<li class="h-r-user undis" id="is-login-two">
								<a href="loginInfo.html" title="">
									<img src="../../static/inxweb/img/avatar-boy.gif" id="pic_img" width="30" height="30" class="vam picImg" alt="">
									<span class="vam disIb" id="userName"></span>
								</a>
								<a href="javascript:void(0)" title="退出" onclick="exit();" class="ml5">退出</a>
							</li>
							<!-- /未登录显示第1 li；登录后显示第2，3 li -->
						</ul>
						<aside class="h-r-search">
							<form action="../../front/showcoulist" method="post">
								<label class="h-r-s-box"><input type="text" placeholder="输入你想学的课程" name="queryCourse.courseName" value="">
						<button type="submit" class="s-btn">
							<em class="icon18">&nbsp;</em>
						</button></label>
							</form>
						</aside>
					</div>
					<aside class="mw-nav-btn">
						<div class="mw-nav-icon"></div>
					</aside>
					<div class="clear"></div>
				</section>
			</header>
			<!-- /global header end-->
			<div class="h-mobile-mask"></div>
			<div class="head-mobile">
				<div class="head-mobile-box">
					<section class="clearfix">
						<div class="u-face-pic">
							<img src="../../static/inxweb/img/avatar-boy.gif" alt="" class="userImgPhoto">
							<a href="../../uc/initUpdateUser/1" title="" class="c-fff">修改头像</a>
						</div>
						<h4 class="hLh30 txtOf">
				<span class="fsize16 c-ccc userNameClass">
					<span class="vam ml5" style="cursor:pointer;" onclick="lrFun(1)">登录</span>
				</span>
			</h4>
						<div class="hLh30">
							<a href="../../uc/initUpdateUser/0" title="个人资料设置" class="c-999">个人资料设置</a>
						</div>
						<div class="hLh20 undis" id="mobileExitDiv">
							<a href="javascript:void(0)" title="退出" onclick="exit();" class="c-999">退出</a>
						</div>
					</section>
					<nav class="mw-nav">
						<ul class="clearfix">
							<li>
								<a href="../../" title="首页">首页</a>
							</li>
							<li>
								<a href="../../front/showcoulist" title="课程">课程</a>
							</li>
							<li>
								<a href="../../front/teacherlist" title="名师">名师</a>
							</li>
							<li>
								<a href="../../front/articlelist" title="文章">文章</a>
							</li>
							<li>
								<a href="../../front/examindex" title="考试">考试</a>
							</li>
							<li>
								<a href="../../questions/list" title="问答">问答</a>
							</li>
						</ul>
					</nav>
					<section class="u-m-dd">
						<ul>
							<li>
								<span>Wo的学习</span>
								<ol>
									<li class="current">
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../uc/index')" title="">免费课程</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../front/showcoulist')" title="">选课中心</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../uc/myFavorites')" title="">Wo的收藏</a>
									</li>
								</ol>
							</li>
						</ul>
						<ul>
							<li>
								<span>Wo的问答</span>
								<ol>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../uc/myquestions/list')" title="">Wo的提问</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../uc/myrepquestions/list')" title="">Wo的回答</a>
									</li>
								</ol>
							</li>
						</ul>
						<ul>
							<li>
								<span>Wo的资料</span>
								<ol>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../uc/initUpdateUser/0')" title="">基本资料</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../uc/initUpdateUser/1')" title="">个人头像</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../uc/initUpdateUser/2')" title="">密码设置</a>
									</li>
								</ol>
							</li>
						</ul>
						<ul>
							<li>
								<span>Wo的消息</span>
								<ol>
									<li>
										<a href="javascript:void(0)" onclick="mobileHrefCheckLogin('../../uc/letter')" title="">系统消息</a>
									</li>
								</ol>
							</li>
						</ul>
					</section>
				</div>
			</div>
			<script>
				$(function() {
					wmNavFun(); // 手机端导航方法
					goTopFun(); //返回顶部
				})
			</script>
			<!-- 公共头引入 -->
			<script>
				$(function() {
					var str = '<section style="color: #666;position:absolute;left:50%;bottom:20px;z-index:7;margin-left:-80px;">';
					str += '<span>Powered by</span>';
					str += '<a href="http://www.inxedu.com" target="_blank" title="因酷教育软件" style="margin-left: 2px;color: #666;">因酷教育软件</a>';
					str += '</section>';
					$("body").append(str);
				});
			</script>
			<div class="i-slide">
				<section>
					<!-- 如果需要导航按钮 -->
					<a class="arrow-left s-arrow" href="javascript:void(0)"></a>
					<a class="arrow-right s-arrow" href="javascript:void(0)"></a>
					<!-- 图片位置 -->
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide" style="background: #ef550f;">
								<a target="_blank" href="/front/showcoulist">
									<img class="imgload" src="../../images/upload/image/20150915/1442313369401.jpg" alt="首页banner图片01">
								</a>
							</div>
							<div class="swiper-slide" style="background: #ef550f;">
								<a target="_blank" href="/front/showcoulist">
									<img class="imgload" src="../../images/upload/image/20150915/1442313573533.jpg" alt="首页banner图片02">
								</a>
							</div>
						</div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="pagination"></div>
				</section>
			</div>
			<!-- /index slide -->
			<div id="aCoursesList">
				<!-- /为你推荐 开始 -->
				<div class="bg-fa of">
					<section class="container">
						<header class="comm-title">
							<span class="fr mt5"><a href="javascript:void(0)" title="换一换" class="c-master" onclick="huanyihuan()">换一换</a></span>
							<h2 class="fl tac">
						<span class="c-333">为你推荐</span>
					</h2>
						</header>
						<article class="comm-course-list">
							<ul class="of" id="weinituijian">

							</ul>
							<div class="clear"></div>
						</article>
					</section>
				</div>
				<!-- /为你推荐 结束 -->
				<!-- /网校课程 开始 -->
				<div>
					<section class="container">
						<header class="comm-title">
							<h2 class="tac">
						<span class="c-333">网校课程</span>
					</h2>
						</header>
						<div>
							<section class="c-tab-title">
								<a href="javascript:void(0)" title="精品课程" @click="recommendCourse" class="current boutiqueCourse">精品课程</a>
								<a href="javascript:void(0)" title="最新课程" @click="freshCourse">最新课程</a>
								<a href="javascript:void(0)" title="全部课程" @click="allCourse">全部课程</a>
							</section>
						</div>
						<div>
							<article class="comm-course-list">
								<!--课程显示-->
								<ul class="of" id="bna" >
									<li v-for="c in courses">
										<div class="cc-l-wrap">
											<section class="course-img">
												<img xsrc="" :src="c.logo" class="img-responsive" :alt="c.courseName">
												<div class="cc-mask">
													<a href="#" title="开始学习" @click="courseVideo(c.courseId)" class="comm-btn c-btn-1">开始学习</a>
												</div>
											</section>
											<h3 class="hLh30 txtOf mt10">
										<a href="#" :title="c.courseName" class="course-title fsize18 c-333" @click="courseVideo(c.courseId)">{{c.courseName}}</a>
									</h3>
											<section class="mt10 hLh20 of">
												<span class="fr jgTag bg-green"><tt class="c-fff fsize12 f-fA">免费</tt></span>
												<span class="fl jgAttr c-ccc f-fA"> <tt class="c-999 f-fA">
												{{c.pageViewcount}}人学习
												</tt> | <tt class="c-999 f-fA">
												{{c.pageBuycount}}人购买
												</tt>
										</span>
											</section>
										</div>
									</li>
								</ul>
								<div class="clear"></div>
							</article>
							<section class="tac pt20">
								<a href="courses-list.html" title="全部课程" class="comm-btn c-btn-2">全部课程</a>
							</section>
						</div>
					</section>
				</div>
				<!-- /网校课程 结束 -->
				<!-- /课程互动 开始-->
				<div class="bg-fa of mt30">
					<section class="container">
						<article class="fl col-7">
							<div class="mr50">
								<header class="comm-title">
									<h2 class="fl tac">
								<span class="c-333">课程互动</span>
							</h2>
								</header>
								<div class="i-question-list">
									<ul id="iQuestion">
										<li v-for="com in comments">
											<section class="i-q-l-wrap">
												<div class="u-face">
													<img width="50" height="50" class="picImg" :src="com.picImg" :xsrc="com.picImg">
												</div>
												<section class="hLh20 of">
													<span class="fr"><tt class="c-ccc f-fG">2016/02/03 11:53</tt></span>
													<span class="fsize16 c-666">
												 	{{com.showName}}</span>
													<span class="fsize14 c-999 ml5 f-fA">评论课程：</span>
												</section>
												<section class="hLh20 of mt10">
													<a class="c-master fsize14" href="#" @click="courseVideo(com.otherId)">{{com.courseName}}</a>
												</section>
												<section class="i-q-txt">
													<p>
														<span class="c-999 f-fA txtOf"> {{com.content}}</span>
													</p>
												</section>
											</section>
										</li>
										
									</ul>
								</div>
							</div>
						</article>
						<aside class="fl col-3">
							<header class="comm-title">
								<!-- <span class="fr"><a class="c-master" title="" href="">换一换</a></span> -->
								<h2 class="fl tac">
							<span class="c-333">学生动态</span>
						</h2>
							</header>
							<div class="stud-act-list">
								<section>
									<ul id="s-action" class="studentDynamicHtml">
										<li v-for="h in histories">
											<div class="u-face">
												<img :src="h.picImg" width="50" height="50" alt="">
											</div>
											<section class="hLh30 txtOf">
												<span class="c-ccc fr">{{h.updateTime}}</span>
												<span class="c-333 fsize16 fl">{{h.showName}}</span>
											</section>
											<section class="hLh20 txtOf">
												<span class="c-999">播放了</span> <span class="c-master">“{{h.courseName}}”</span>
											</section>
										</li>
									</ul>
								</section>
							</div>
						</aside>
						<div class="clear"></div>
					</section>
				</div>
				<!-- /课程互动 结束-->
				<!-- /网校名师 开始 -->
				<div>
					<section class="container">
						<header class="comm-title">
							<h2 class="tac">
						<span class="c-333">网校名师</span>
					</h2>
						</header>
						<div>
							<article class="i-teacher-list">
								<ul class="of">
									<li v-for="t in teachers">
										<section class="i-teach-wrap">
											<div class="i-teach-pic">
												<a href="#" title="t.name">
													<img alt="t.name" :src="t.picPath" xsrc="t.picPath" @click="getTeacher(t)">
												</a>
											</div>
											<div class="mt10 hLh30 txtOf tac">
												<a href="#" title="t.name" @click="getTeacher(t)" class="fsize18 c-666">{{t.name}}</a>
											</div>
											<div class="hLh30 txtOf tac">
												<span class="fsize14 c-999">{{t.education}}</span>
											</div>
											<div class="mt15 i-q-txt">
												<p class="c-999 f-fA">{{t.career}}</p>
											</div>
										</section>
									</li>
									
								</ul>
								<div class="clear"></div>
							</article>
							<section class="tac pt20">
								<a href="../../teachar/Teachar.html" title="全部讲师" class="comm-btn c-btn-2">全部讲师</a>
							</section>
						</div>
					</section>
				</div>
				<!-- /网校名师 结束 -->
			</div>
			<script type="text/javascript" src="../../static/inxweb/js/swiper-2.1.0.js"></script>
			<script type="text/javascript" src="../../static/inxweb/front/index.js"></script>
			<script type="text/javascript" src="../../static/inxweb/front/index_theme_color.js"></script>
			<!-- 换肤 -->

			<!-- 公共底引入 -->
			<footer id="footer">
				<section class="container">
					<div class="">
						<h4 class="hLh30">
				<span class="fsize18 f-fM c-999">友情链接</span>
			</h4>
						<ul class="of flink-list">
							<li>
								<a href="http://www.xyqhit.com" title="三阳科技" target="_blank">三阳科技</a>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
					<div class="b-foot">
						<section class="fl col-7">
							<section class="mr20">
								<section class="b-f-link">
									<a href="/front/helpCenter?id=193" title="关于我们" target="_blank">关于我们</a>|
									<a href="/front/helpCenter?id=194" title="联系我们" target="_blank">联系我们</a>|
									<a href="#" title="成功案例" target="_blank">成功案例</a>|
									<a href="/front/helpCenter" title="帮助中心" target="_blank">帮助中心</a>|
									<span>服务热线：400-006-5079</span> <span>Email：xiejinlong@inxedu.com</span>
								</section>
								<section class="b-f-link mt10">
									<span>©2010-2015 INXEDU有限公司 版权所有 京ICP备15017521号</span>
								</section>
							</section>
						</section>
						<aside class="fl col-3 tac mt15">
							<section class="gf-tx">
								<span><img src="../../static/inxweb/img/wx-icon.png" alt=""></span>
								<div class="gf-tx-ewm">
									<img src="../..//images/upload/image/20150908/1441801228269.png" alt="">
								</div>
							</section>
							<section class="gf-tx">
								<span><img src="../../static/inxweb/img/wb-icon.png" alt=""></span>
								<div class="gf-tx-ewm">
									<img src="../..//images/upload/image/20150908/1441801298938.png" alt="">
								</div>
							</section>
						</aside>
						<div class="clear"></div>
					</div>
				</section>
			</footer>
			<div class="r-fixed-wrap">
				<ul class="r-fixed-ul">
					<li id="goTopBtn" class="undis">
						<a href="javascript: void(0)" title="返回顶部" class="bg-orange">
							<em class="r-f-icon-3">&nbsp;</em><span>返回顶部</span>
						</a>
					</li>
					<li class="foot-zixun">
						<a href="" title="在线咨询" class="bg-orange">
							<em class="r-f-icon-1">&nbsp;</em><span>在线咨询</span>
						</a>
					</li>
					<li class="foot-zixun">
						<a href="" title="扫描关注" class="bg-orange">
							<em class="r-f-icon-2">&nbsp;</em><span>扫描关注</span>
						</a>
					</li>
				</ul>
			</div>

			
			<!-- 公共底引入 -->
		</div>
		</div>
		<script>
				var index = new Vue({
					el: "#index",
					data: {
						courses: [],
						comments: [],
						histories: [],
						teachers: []
					},
					created: function() {
						var that = this;
						axios.get("http://localhost:9095/user/index")
							.then(function(response) {
								if(response.data.code == 200) {
									that.courses = response.data.data.recommendCourse;
									that.comments = response.data.data.courseInteract;
									that.histories = response.data.data.students;
									that.teachers = response.data.data.teachers;
								} else {
									alert(response.data.message)
								}
							}, 
							function(error) {
								console.log(error)
								alert("服务器错误")
							})
					},
					methods: {

						recommendCourse: function() {
							var that = this;
							axios.get("http://localhost:9095/user/index/recommendCourse")
								.then(function(response) {
									if(response.data.code == 200) {
										that.courses = response.data.data
									} else {
										alert(response.data.message)
									}
								})
						},
						freshCourse: function() {
							var that = this;
							axios.get("http://localhost:9095/user/index/freshCourse")
								.then(function(response) {
									if(response.data.code == 200) {
										that.courses = response.data.data
									} else {
										alert(response.data.message)
									}
								})
						},
						allCourse: function() {
							var that = this;
							axios.get("http://localhost:9095/user/index/allCourse")
								.then(function(response) {
									if(response.data.code == 200) {
										that.courses = response.data.data
									} else {
										alert(response.data.message)
									}
								})
						},
						courseVideo:function(id){
							localStorage.courseId=id;
							location.href="../course/course-video.html"
						},
						getTeacher:function(obj){
							localStorage.setItem("id",obj.id);
							location.href="../../teachar/teacherDetail.html"
						}
					}

				})
				
			</script>
			<script>
				$(function() {
					sSwiperFun(); //幻灯片调取
					upSlideFun("#iQuestion"); //向上滚动互动
					scrollLoad(); //响应滚动加载课程图片
					$(".boutiqueCourse").click(); //网校课程-精品课程
					huanyihuan();
					studentDynamic(); //学生动态
					var uri = window.location.search;
					var val = "msg";
					var re = new RegExp("" + val + "=([^&?]*)", "ig");
					var msg = ((uri.match(re)) ? (uri.match(re)[0].substr(val.length + 1)) : null);
					if(msg != null && msg != '' && msg == 'LimitLogin') {
						dialog('提示信息', "您的帐号在其他地点登录，请重新登录", 1);
					}
				});
			</script>
			
	</body>

</html>
